<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/kaContent.css" />
		<link rel="stylesheet" href="css/toast.css" />
		<script src="js/toast.js"></script>
        <script src="js/jquery-3.3.1.min.js"></script>
         <script src="js/config.js"></script>
		<title>打卡领钱</title>
	</head>
	<body>
		<!--<header class="mui-bar mui-bar-nav">-->
			<!--<h3 class="mui-title">大钞市·打卡领钱</h3>-->

		<!--</header>-->

		<!--弹出层-->
		
		<div class="tan">
				<div class="meng">

					<!--弹出层（领取打卡金）-->

					<div class="jContent">
						<div class="jTu">
							<div class="font">
								<h3 class=j-money>领取打卡奖励金</h3>
								<div class="j-money-tan">
									<div class="font-jiangli">恭喜您</div>
									<div class="font-jiangli">获得奖励金</div>
									<div class="num-jiangjin">
										<span class="num-span">20</span>
										<span class="num-span-yuan">元</span>
									</div>
								</div>
							</div>
						</div>

						<div class="jclose">
							<img src="./images/close.png" alt="" />
						</div>


					</div>

					<!--弹出层2-->
					<div class="dContent">
						<div class="dTu">
							<img src="./images/clock.png" alt="" />
						</div>
						
						<div class="dTitle">5元打卡赚更多</div>
						<div class="dP">连续参与活动5天激活</div>
						
						<div class="btn">
							<div class="btn1">消耗 1 元</div>
							<div class="btn2">消耗 5 元</div>
							<div class="btn3">
								<img src="./images/btn3.png" alt="">
							</div>
						</div>
					
					</div>
					
					<div class="dclose">
						<img src="./images/close.png" />
					</div>
					
					
					
					
					
					
					<!--弹出层1-->
					<div class="tContent">
						<div class="cTu">
							<img src="./images/title.png" alt="" />
						</div>
						
						<div class="tTitle">活动规则</div>
						
						<div class="tText">
							<div class="text">
								<p>
									1. 每日任意时间消耗账上零钱参与次日早上
									<span>7:00-9:00</span>
									早起打卡挑战。完成挑战即保底获得前一日的支付金额（1元或5元），同时参与瓜分由未打卡用户贡献的奖池
								</p>
								
								<p>
									2. 每日奖池包含
									<span>500</span>
									元的基数。我们将从打卡成功的用户中抽取一部分参与瓜分 
								</p>
								<p>
									3. 如未能完成挑战，则支付的金额（1元或5元）不予返还
								</p>
								
								<p>
									4. 大钞市保留在法律允许范围内对活动规则的修改权
								</p>
							</div>
						</div>
						
						
					</div>
					
					<div class="close">
						<img src="./images/close.png" alt="" />
					</div>
				</div>
				
			</div>
			
			
			<!--内容区-->
		
			
			<div class="top">
				<!--<a href="./index.html" class="back mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>-->

				<div class="rule">
					<img src="./images/rule.png" alt="" />
				</div>
				
			</div>
			
			<div class="cengji">
				<div class="box-shaow"></div>
				<div class="box">
					<div class="item1">成功打卡即可瓜分</div>
					<div class="item2">
						<span class="money">0</span>
						<span>元</span>
					</div>
					<div class="item3">
						<div class="row">
							<span><span class="day"></span>期 | 当前参与人数 </span>
							<span class="num"></span>
						</div>

						<div class="lingjiang">
							<span>领奖时间  2019-04-08 20:00-23:10</span>
						</div>
					</div>
					
					<div class="item4">
						<span>参与明早打卡</span>
					</div>
					
					
				</div>
				
			</div>
			
			<div class="content">
				
				<div class="box2">
					<div class="yaoqing">
						<img src="./images/yaoqing.png" alt="" />
					</div>
					<div class="mine">
						<img src="./images/mine.png" alt="" />
						<span class="cishu">
							成功打卡 
							<span class="mDaka">0</span>
							次
						</span>
					</div>
					
				</div>


				<div class="box3">
				<div class="result">
					<div class="result-title">上期打卡结果</div>
					<div class="result-information">
						<div class="sun">
								<span>
									瓜分金额
									<i class="gua-money"></i>
									元
								</span>


							<span>
									成功
									<i class="success-man"></i>
									人
								</span>


							<span>
									失败
									<i class="fail-man"></i>
									人
								</span>
						</div>
						<div class="people">
							<div class="same">
								<div class="avatar">
									<img src="./images/avatar.png" alt="" />
								</div>
								<div class="desc">
									<img src="./images/first.png" alt="" />
								</div>
								<div class="name name1"></div>
								<div class="message yellow"></div>
							</div>


							<div class="same">
								<div class="avatar">
									<img src="./images/avatar.png" alt="" />
								</div>
								<div class="desc">
									<img src="./images/second.png" alt="" />
								</div>
								<div class="name name2"></div>
								<div class="message red"></div>
							</div>



							<div class="same last">
								<div class="avatar">
									<img src="./images/avatar.png" alt="" />
								</div>
								<div class="desc">
									<img src="./images/third.png" alt="" />
								</div>
								<div class="name name3"></div>
								<div class="message blue"></div>
							</div>


						</div>
					</div>


				</div>

			</div>
			</div>

			
			
		
		<script>


            //上期是否打卡，是否让打卡按钮可点击   false代表本期可以打卡，true代表本期已打卡
			var isDaka = window.localStorage.getItem('isDaka');
            var dakaVip = window.localStorage.getItem('dakaVip');
            console.log("上期是否打卡："+ isDaka );
            console.log("是否可以打卡领取爱奇艺："+ dakaVip );



            //获取上期打卡结果
            $.ajax({
                url:host+"/buss/daka/log/yset",
                type:"post",
                success:function(res){
                    console.log("上期"+JSON.stringify(res));
                    if(res.success){
                        


                        $(".name1").eq(0).html(res.data.jiaohuang.name);
                        $(".yellow").eq(0).html(res.data.jiaohuang.desc);

                        $(".name2").eq(0).html(res.data.laodong.name);
                        $(".red").eq(0).html(res.data.laodong.desc);

                        $(".name3").eq(0).html(res.data.zuizao.name);
                        $(".blue").eq(0).html(res.data.zuizao.desc);

                    }


                },
                error:function(){
                    console.log("获取上期打卡结果error");

                }


            })




			//点击活动规则
			$(".rule").eq(0).click(function(){
				
				$(".tan").eq(0).css({display:"block"})
				$(".tContent").eq(0).css({display:"block"})
				$(".close").eq(0).css({display:"block"})
			})
			
			$(".close").eq(0).click(function(){
				$(".tan").eq(0).css({display:"none"})
				$(".tContent").eq(0).css({display:"none"})
				$(".close").eq(0).css({display:"none"})
			})
			//点击参与打卡
			$(".item4").eq(0).click(function(){
				$(".tan").eq(0).css({display:"block"})
				$(".dContent").eq(0).css({display:"block"})
				$(".dclose").eq(0).css({display:"block"})
            })
				//点击消耗n元完成打卡
				
				$(".btn1").eq(0).click(
					function(){
						$.ajax({
						url:host+"/buss/daka/log/save?dakaPrice=1",
						type:"post",
						success:function(res){
							console.log(JSON.stringify(res));
                            toast(res.msg,500);
                            window.location.reload();
							// $(".tan").eq(0).css({display:"none"});
							// $(".dContent").eq(0).css({display:"none"});
							// $(".dclose").eq(0).css({display:"none"});
							// $(".item4").eq(0).css({'background': '#ccc','box-shadow':'none'});
						},
						error:function(){
							console.log("error");
                            toast(res.msg,500);
						}
						

					})
					
				})
				
				$(".btn2").eq(0).click(
					function(){
						$.ajax({
						url:host+"/buss/daka/log/save?dakaPrice=5",
						type:"post",
						success:function(res){
							console.log(JSON.stringify(res));
                            window.location.reload();
						},
						error:function(){
							console.log("error");
						}
						

					})
					
				})

			//根据是否打过卡来渲染

            if(isDaka == "false"){
                $(".item4").eq(0).css({'background': '#F75946'});

            }else{
                $(".item4").eq(0).css({'background': '#ccc','box-shadow':'none'});

                $(".item4").eq(0).unbind('click');
            }

			
			$(".dclose").eq(0).click(function(){
				$(".tan").eq(0).css({display:"none"})
				$(".dContent").eq(0).css({display:"none"})
				$(".dclose").eq(0).css({display:"none"})
				
			})
			
			
			//获取奖池和参与打卡人数
			
			$.ajax({
                    url:host+"/buss/daka/log/benqi",
                    type:"get",
				success:function(res){
					console.log("111111"+JSON.stringify(res));
					if(res.success){
						var money= res.data.zongPrice;
						var sum = res.data.zongNum;
						var day = res.data.benqi;
						var jiangjin = res.data.jiangjin;
                        var kaijiang = res.data.kaijiang;
                        $(".lingjiang span").html(kaijiang);
 
						$(".gua-money").eq(0).html(res.data.upJiangPrice);
                        $(".success-man").eq(0).html(res.data.upSuccessNum);
                        $(".fail-man").eq(0).html(res.data.upErrorNum);
							
                        if(jiangjin){
                            $(".tan").eq(0).css({display:"block"})
                            $(".jContent").eq(0).css({display:"block"})
                            $(".jclose").eq(0).css({display:"block"})
                            $(".jclose").eq(0).click(function(){
                                $(".tan").eq(0).css({display:"none"})
                                $(".jContent").eq(0).css({display:"none"})
                                $(this).css({display:"none"})
                            })


                            //获取打卡奖金
                            $.ajax({
                                url:host+"/buss/daka/log/get",
                                type:"get",
                                success:function(res){
                                    if(res.success){
                                        var getValue =  res.data.value;
                                        var getType =  res.data.type;

                                        // type = 0  中奖类型为打卡金额 返回金额数
										//type = 1 中奖爱奇艺会员，返回爱奇艺邀请码
										//type= 2 没中奖（没中爱奇艺会员）
										//type = 3 请稍等




										//中奖打卡金

                                        $(".num-span").eq(0).html(getValue);
										if(getType == 1){
                                            $(".num-span-yuan").eq(0).css({display:"none"});
										    $(".j-money").eq(0).text("领取爱奇艺会员奖励")
                                            $(".font-jiangli").eq(1).text("获得爱奇艺会员")
                                            $(".num-span").eq(0).html("邀请码："+getValue);
										}

                                        if(getType == 2){
                                            $(".num-span-yuan").eq(0).css({display:"none"});
                                            $(".font-jiangli").eq(1).text("未获得爱奇艺会员")
                                            $(".font-jiangli").eq(0).text("很遗憾")
                                            $(".num-span").eq(0).html("");
                                        }

                                        if(getType == 3){
                                            toast("请稍等，马上开奖",1000);
										}

                                        console.log("你获取的奖金："+getValue)
                                        console.log(JSON.stringify(res))
                                        $(".jTu").eq(0).click(function(){
                                            $(this).css({background:"#f74a35"});
                                            $(".j-money").eq(0).css({display:"none"});
                                            $(".j-money-tan").eq(0).css({display:"block"});
                                        })

                                    }

                                },
                                error:function(){
                                    console.log("获取打卡奖金金额失败")
                                }
                            })

                        }
						
						$(".day").eq(0).html(day);
						$(".num").eq(0).html(sum);
						$(".money").eq(0).html(money);
						
						
						
					}
					
					
				},
				
				error:function(){
					console.log("获取打卡日志失败")
				}
			})

            //获取打卡次数
            $.ajax({
                url:host+"/buss/daka/log/addup",
                type:"get",
                success:function(res){

                    if(res.success){

                        var price = res.data.price;
                        var zongnum = res.data.zongnum;
                        var sucnum = res.data.sucnum;
                        $(".mDaka").eq(0).html(sucnum);


                    }


                },

                error:function(){
                    console.log("获取打卡次数失败")
                }
            })


            //点击领取爱奇艺会员

            $(".btn3").on("click",fnu);
            function fnu(){
                window.location.href="./Qiycontent.html"
            }


            //根据是否可以领取爱奇艺会员来渲染按钮颜色

            if(dakaVip =="true"){
                $(".btn3").eq(0).css({'display': 'block'});

            }else{
                $(".btn3").eq(0).css({'display': 'none'});

            }



		</script>
		
		
	</body>
</html>
